<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
    <title>sama以图搜图</title>
</head>
<style>
    body {
        margin: 0;
        background: #ffffff;
        color: #000000;
    }
    .box {
        max-width: 640px;
        margin: 0 auto;
    }

    .upload-img {
        text-align: center;
        margin-top: 10%;
        height: 250px;
    }

    .upload-img >img {
        width:auto;
        height:auto;
        max-width:90%;
        max-height:90%;
    }

    .un-found {
        padding: 10px 0 20px;
        text-align: left;
        font-weight: bold;
    }

    .similar-show {
        margin-bottom: 75px;
        padding: 10px;
        text-align: center;
    }

    .show-box {
        width: 45%;
        display: inline-block;
        border-radius: 10px;
        margin: 0 1.5%;
        box-shadow: 2px 2px 2px #ccc;
        margin-bottom: 10px;
        height: 150px;
    }
    .show-box > img {
        width: 100%;
        height: 100px;
        border-radius: 10px 10px 0 0;
    }

    .show-box > span {
        padding: 2px 5px;
        display: -webkit-box;
        margin-top: 8px;
        width: 90%;
        overflow:hidden;
        white-space:nowrap;
        text-overflow: ellipsis;/* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;/* Opera */
        -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/
    }

    .show-box > span > a  {
        color: #000000;
    }

    .footer {
        color: #ea8d86;
        vertical-align: middle;
        padding: 5px 0 10px 0;
        text-align: center;
        position:fixed;
        bottom:0;
        width: 100%;
        border-top: 1px solid #ea8d86;
        background: #ffffff;
    }

    .footer >img {
        width: 30px;
        vertical-align: middle;
        height: 30px;
        margin-bottom: 5px;
    }

    #show-text {
        opacity: 0.5;
        position: fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:10000;
    }

    .ui-widget-header {
        border: 1px solid #aaa;
        background: #ea8d86  50% 50% repeat-x;
        color: #ffffff;

    }

    .ui-progressbar {
        height: 1.0rem;
        width: 90%;
        margin: 0 auto;
    }

    .progress_txt {
        position: absolute;
        left: 35%;
        font-size: 0.5rem;
        color: #ffffff;
    }

</style>
<body>
<div id="show-text" style="display: none;">
    <div id="progressbar" style="position: relative; top: 60%">
        <span class="progress_txt" id="progressbar_text"></span>
    </div>
</div>
<div class="box">
    <div id="container" class="upload-img">
        <img src="similar.png" id="pickfiles1">
    </div>
    <!--<hr>-->
    <!--<div class="upload-img">-->
    <!--在下方输入图片地址访问图片 <br>-->
    <!--<span id="pics_text" style="color: red;"></span>-->
    <!--<input placeholder="输入图片地址，图片地址同时输入只检查地址" id="pic_url">-->
    <!--</div>-->

    <!--<div class="upload-btn">-->
        <!--<span id="check">点击搜索</span>-->
    <!--</div>-->
    <div id="show" class="similar-show">
        <!--<div class="show-box">-->
            <!--<img src="similar.png">-->
            <!--<span><a href="http://www.baidu.com">你你好你好好你你你好你好好你好好</a></span>-->
        <!--</div>-->
    </div>

    <div class="footer">
        <img src="sama.png" >
        <span> <strong style="color: #000000; padding-right: 5px;">sama赞赏社</strong>鉴黄师招募中<br>等你呦~~( • ̀ω•́ )✧</span>
    </div>
</div>
</body>
<script src="jquery.min.js"></script>
<script src="config.js"></script>
<script src="plupload.full.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="qiniu.min.js"></script>
<script>
    var similar_url = '';
    page =2;
    function isValidURL(url){
      var urlRegExp=/^((https|http|ftp|rtsp|mms)?:\/\/)+[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
      if(urlRegExp.test(url)){
        return true;
      }else{
        return false;
      }
    }
    
  </script>
<script src="qiniu_upload.js?v=1.0"></script>

</html>